@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{font-family:Inter,sans-serif}.pixel{position:absolute;width:8px;height:8px;border-radius:1px;z-index:0;opacity:.6;animation:10s ease-in-out infinite float}.pixel-1{background-color:#ff0080;top:10%;left:15%;animation-delay:0s}.pixel-2{background-color:#00a3ff;top:20%;left:80%;animation-delay:1s;width:12px;height:12px}.pixel-3{background-color:#ff0080;top:60%;left:5%;animation-delay:2s;width:10px;height:10px}.pixel-4{background-color:#00a3ff;top:75%;left:90%;animation-delay:3s}.pixel-5{background-color:#ff0080;top:40%;left:95%;animation-delay:4s;width:14px;height:14px}.pixel-6{background-color:#00a3ff;top:85%;left:45%;animation-delay:5s}@keyframes float{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-15px,15px) rotate(5deg)}50%{transform:translate(0,30px) rotate(0)}75%{transform:translate(15px,15px) rotate(-5deg)}}.clip-shape{clip-path:polygon(0% 0%,100% 0%,100% 85%,85% 100%,0% 100%)}.clip-shape-alt{clip-path:polygon(15% 0%,100% 0%,100% 100%,0% 100%,0% 15%)}.form-container{display:none}.form-container.active{display:block;animation:.4s forwards fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.user-type-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.08)}.border-shimmer{background:linear-gradient(90deg,#ff0080 0,#00a3ff 50%,#ff0080 100%);background-size:200% 100%;animation:3s linear infinite shimmer}@keyframes shimmer{0%{background-position:0 0}100%{background-position:200% 0}}.input-focus:focus{transform:scale(1.02);transition:transform .2s}@media (max-width:640px){input::placeholder,textarea::placeholder{font-size:12px}.clip-shape,.clip-shape-alt{clip-path:none}.pixel{display:none}}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.toast{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:9999;transform:translateX(120%);transition:transform .3s}.toast.show{transform:translateX(0)}.toast.success{border-left:4px solid #10b981}.toast.error{border-left:4px solid #ef4444}.social-icon{transition:.3s}.social-icon:hover{transform:translateY(-3px)}.input-with-icon:focus+.icon-container i{opacity:.7}.tag-container{display:flex;flex-wrap:wrap;padding:5px;border-radius:.5rem;gap:5px}.tag{display:flex;align-items:center;padding:5px 10px;background:#f3f4f6;border-radius:4px;margin-right:5px;margin-bottom:5px}.tag-close{margin-left:5px;cursor:pointer}.tag-input{flex:1;border:none;outline:0;padding:5px;min-width:60px}